<template>
	<div class="page">
		<section id="home" class="home" @touchstart="finishKey">
		    <mobileCard @searchPrice="searchPrice" ref="mobileCard" :carNum="carInfo.carNo" :isEeterEnd="isEeterEnd"></mobileCard>
		</section>
	</div>
</template>

<script>
import mobileCard from '@/components/entryMobile/index.vue'
import qs from 'qs';
export default {
	components: {
		mobileCard
	},
	data () {
		return {
			isEeterEnd : 1,
			code : "",
			carInfo : {},
			isWechat : false,
			isAlipay : false,
			payType : ""
		}
	},
  created () {
  },
  mounted () {
  },
	methods : {
    searchPrice () {
      this.$refs.parkingCost.show();
    },
		finishKey () {
      this.$refs.mobileCard.finishKey();
		}
	}
}
</script>

<style lang="scss" scoped="scoped">
	.home {
	    height: 100%;
      width: 100%;
	    background: url('../assets/images/beijing.png') 100% 0% no-repeat;
	    background-color: #f5f5f5;
	    background-size: contain;
	    overflow: hidden;
	    .immediately{
	       position: fixed;
	       bottom: 0px;
	       height: 1rem;
	       width: 100%;
	       color: #fff;
	       font-size: 0.3rem;
	       div{
	         display: inline-block;
	         width: 50%;
	         height: 1rem;
	         line-height: 1rem;
	       }
	       div:nth-child(1) {
	         background: #000000;
	       }
	       div:nth-child(2) {
	         background: #FF8A07;
	       }
	    }
	}
</style>
